import React, { useEffect } from "react";
import axios from "axios";
import "./index.css";
function Index(props) {
  useEffect(() => {
    axios.post("/api/item/queryItem?id=1").then((res) => {
      console.log(res.data);
    });
  }, []);
  const login = () => {
    props.history.push("/login");
  };
  return (
    <div>
      {/* <div>
        我的
        <button onClick={login}>登录</button>
      </div> */}
      <div className="m_page flex-col">
        <div className="m_block_1 flex-row">
          <div className="m_single-avatar_1 flex-col">
            <div className="m_group_1 flex-col">
              <div className="m_block_2 flex-col" />
            </div>
          </div>
          <div className="m_section_1 flex-col">
            <div className="m_image-text_1 flex-row justify-between">
              <span className="m_text-group_1">用户未完善</span>
              <img
                className="m_icon_1"
                src={
                  "https://lanhu.oss-cn-beijing.aliyuncs.com/FigmaDDSSlicePNG6371ef40b8e03bc17bf6c6ffbd3a5f2d.png"
                }
              />
            </div>
            <div className="m_tag_1 flex-col">
              <span className="text_1">常用就诊人（0）</span>
            </div>
            <div className="m_tag_2 flex-col">
              <span className="text_2">数字账户</span>
            </div>
          </div>
          <div className="m_icon_2 flex-col">
            <div className="m_box_1 flex-col">
              <div className="m_group_2 flex-col" />
            </div>
          </div>
          {/* <div>登录</div> */}
          <div className="m_icon_3 flex-col" onClick={login}>
            登录
          </div>
        </div>
        <div className="m_block_7 flex-col">
          <div className="m_block_8 flex-col">
            <div className="m_text-wrapper_1 flex-row">
              <span className="m_text_3">我的订单</span>
            </div>
            <div className="m_block_9 flex-row">
              <div className="m_icon_4 flex-col">
                <div className="m_group_3 flex-col">
                  <div className="m_block_10 flex-col" />
                </div>
              </div>
              <div className="m_icon_5 flex-col">
                <div className="m_section_3 flex-col">
                  <div className="m_block_11 flex-col" />
                </div>
              </div>
              <div className="m_icon_6 flex-col">
                <div className="m_block_12 flex-col">
                  <div className="m_section_4 flex-col" />
                </div>
              </div>
              <div className="m_icon_7 flex-col">
                <div className="m_box_2 flex-col">
                  <div className="m_box_3 flex-col" />
                </div>
              </div>
              <div className="m_icon_8 flex-col">
                <div className="m_section_5 flex-col">
                  <div className="m_group_4 flex-col" />
                </div>
              </div>
            </div>
            <div className="m_text-wrapper_2 flex-row">
              <span className="m_text_4">问诊</span>
              <span className="m_text_5">挂号</span>
              <span className="m_text_6">处方</span>
              <span className="m_text_7">药房</span>
              <span className="m_text_8">其他</span>
            </div>
          </div>
          <div className="m_block_13 flex-row justify-between">
            <div className="m_group_5 flex-row">
              <div className="m_box_4 flex-col">
                <div className="m_section_6 flex-col">
                  <div className="m_box_5 flex-col" />
                </div>
              </div>
              <div className="m_box_6 flex-row">
                <div className="m_text-group_2 flex-col justify-between">
                  <span className="m_text_9">我的医生</span>
                  <span className="m_text_10">一键在线复诊</span>
                </div>
              </div>
            </div>
            <div className="m_group_6 flex-row">
              <div className="m_box_7 flex-col">
                <div className="m_box_8 flex-col">
                  <div className="m_group_7 flex-col" />
                </div>
              </div>
              <div className="m_box_9 flex-row">
                <div className="m_text-group_3 flex-col justify-between">
                  <span className="m_text_11">会员中心</span>
                  <span className="m_text_12">精选权益超值享</span>
                </div>
              </div>
            </div>
          </div>
          <span className="m_text_13">服务与工具</span>
          <div className="m_block_14 flex-col">
            <div className="m_group_8 flex-row">
              <div className="m_icon_9 flex-col">
                <div className="m_section_7 flex-col">
                  <div className="m_box_10 flex-col" />
                </div>
              </div>
              <span className="m_text_14">收藏</span>
              <div className="m_icon_10 flex-col" />
            </div>
            <div className="m_group_9 flex-row">
              <div className="m_box_11 flex-col">
                <div className="m_group_10 flex-col">
                  <div className="m_group_11 flex-col" />
                </div>
              </div>
              <span className="m_text_15">功能介绍</span>
              <div className="m_icon_11 flex-col" />
            </div>
            <div className="m_group_12 flex-row">
              <div className="m_icon_12 flex-col">
                <div className="m_box_12 flex-col">
                  <div className="m_box_13 flex-col" />
                </div>
              </div>
              <span className="m_text_16">我的社区</span>
              <div className="m_icon_13 flex-col" />
            </div>
            <div className="m_group_13 flex-row">
              <div className="m_icon_14 flex-col">
                <div className="m_box_14 flex-col">
                  <div className="m_group_14 flex-col" />
                </div>
              </div>
              <span className="m_text_17">随访计划</span>
              <div className="m_icon_15 flex-col" />
            </div>
          </div>
          <div className="m_block_15 flex-col">
            <div className="m_section_8 flex-row">
              <div className="m_icon_16 flex-col">
                <div className="m_box_15 flex-col">
                  <div className="m_section_9 flex-col" />
                </div>
              </div>
              <span className="m_text_18">客服中心</span>
              <div className="m_icon_17 flex-col" />
            </div>
            <div className="m_section_10 flex-row">
              <div className="m_icon_18 flex-col">
                <div className="m_group_15 flex-col">
                  <div className="m_block_16 flex-col" />
                </div>
              </div>
              <span className="m_text_19">我的发票</span>
              <div className="m_icon_19 flex-col" />
            </div>
            <div className="m_section_11 flex-row">
              <div className="m_icon_20 flex-col">
                <div className="m_box_16 flex-col">
                  <div className="m_group_16 flex-col" />
                </div>
              </div>
              <span className="m_text_20">健康画像</span>
              <div className="m_icon_21 flex-col" />
            </div>
            <div className="m_section_12 flex-row">
              <div className="m_icon_22 flex-col">
                <div className="m_box_17 flex-col">
                  <div className="m_group_17 flex-col" />
                </div>
              </div>
              <span className="m_text_21">合作入驻</span>
              <div className="m_icon_23 flex-col" />
            </div>
            <div className="m_section_13 flex-row">
              <div className="m_icon_24 flex-col">
                <div className="m_section_14 flex-col">
                  <div className="m_section_15 flex-col" />
                </div>
              </div>
              <span className="m_text_22">医患社群</span>
              <div className="m_icon_25 flex-col" />
            </div>
          </div>
        </div>
      </div>
    </div>
  );
}

export default Index;
